@import url('../fonts/css/font-awesome.min.css');
.touxiang{
    width:3em;height:3em;
}
/*公共头部*/
.title-header{
    background: #000;
    color:#fff;
    line-height:3.5em;
    padding:0;
}
.title-header div{
    font-size:1.1em;
}
/*遮罩*/
.zhezhao{
    width: 100%;
    position: fixed;
    top: 0;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 1002;
    display:none;
}
/*分割线*/
.fengexian{
    height:1em;border-bottom: 1px dashed #bbb6b6;
}
/*电脑端*/
.pc{
    background: #000;
    line-height: 4.5em;
    margin-top: 2em;
}
.pc div div:last-child{
    text-align: right;
}
.pc a{
    color:#dcdcdc;
    padding:0 .5em;
}
@media (min-width:1200px) {
    .suggest{
        width:15em;
    }
    #footer{
        display:none;
    }
}
/*手机端*/
.title-header{
    display:none;
}
@media (max-width:1200px) {
    .pc{
        display:none
    }
    #waterfall{
        overflow: scroll;
        height: 31.7em;
    }
    .title-header{
        display: block;
        position: fixed;
        z-index: 1003;
    }
    #footer{
        display:block;
        z-index:1001;
        background:#fff;padding:0;height:3.5em;position:fixed;bottom:0;
        border-top:1px #ddd solid;
        text-align: center;
    }
    #footer i{
         font-size: 1.3em;
         color: #ccc;
         line-height: 2.8em;
     }
    #footer .active i{
        color:#888;
    }
}
/*意见箱*/
.suggest{
    background: #fff;
    position:fixed;
    top:40%;
    border:1px solid #ddd;
    z-index: 100;
}
.suggest div:last-child{
    padding:.5em
}
.yijianguan{
    position:absolute;right:.5em;top:.5em;color:#888
}
/*个人信息*/
.detail{
    margin-top:1.5em;
    padding:0;
}
.detail div{
    padding:1em;
}
.detail-control{
    background: #fff;
    position: fixed;
    bottom: 3.5em;
    padding: 0;
}
.detail-control span{
    text-align: center;
    border:1px solid #ddd;
    line-height:2.5em;
}
/*登陆*/
#login div{
    padding:1em;
}
.login-notice{
    position: absolute;
    top: 30%;
    z-index: 1009;
}
.login-notice p {
    position: relative;
    left: 10%;
    width: 60%;
    background: #00a026;
    padding: .5em;
    border-radius: .5em;
    color: #fff;
}
/*联系人*/
.lianxiren{
    padding:5em 1em;
}
.lianxiren div{
    line-height:3em;
}
.lianxiren div div:nth-child(1){
    padding-left:0;
}
.lianxiren div div:nth-child(2){
    padding-left:0;
}
.lianxiren i{
    color:#969696
}
.lianxirenkai .thiskuan,.lianxirenkai .thiskuan div{
    padding:0;
}
.lianxirenkai .biankuang{
     padding-bottom:1em;
     border-bottom:#ddd 1px dashed;
     margin:.5em;
 }
.lianxirenkai .biankuang:last-child{
    border:none;
}
/*活动召集*/
.huodong span{
    padding-top:5em;
    height:7.2em;
    text-align:center;
    background: #5677fc;
    color:#fff;
}
.huodong a{
    color:#fff;
}
.huodong .active{
    border-bottom:1px solid #f7f400;
    box-shadow:0 2px 0px 0 rgba(0, 0, 0, 0.2);
}
.huodonglie{
    padding-top:7em;
}
.huodonglie div div{
    padding:0
}
.huodonglie .jianjie{
    line-height:2em;
}
.huodonglie .meige{
    padding:1em;
    border-bottom:1px #ddd dashed;
}
.huodonglie .meige a{
    padding:0;
    color:#000
}
.huodonglie .meige:last-child{
    border:none;
}
.huodxqing{
    height:900px;
}
.huodxqing .xingba{
    padding-top:8em;
}
.huodxqing .xingba .row{
    padding-bottom:1em;
    border-bottom:1px dashed #ddd;
}
.huodxqing .xingba img {
    width:5em;height:5em;
}
.huodxqing .xingba .row div{
    padding:.1em
}
.huodxqing .xiangqing,.huodxqing .member,.huodxqing .baoming{
    padding:.5em;
}
.huodxqing .baoming div:first-child,.huodxqing .member div:first-child,.huodxqing .xiangqing div:first-child{
    padding-bottom:.5em;
}
.huodxqing label{
    padding:0;
    font-weight:400;
}
.huodxqing .xiangqing div:last-child{
    padding-top:.5em;
}
.huodxqing .member img{
    width:3em;height:3em;
}
/*创建活动*/
.chaungjianh{
    height:900px;
}
.chaungjianh p{
    color:#888;
    font-size: 1em;
}
.chaungjianh form .form-group div,.chaungjianh form .form-group p{
    padding-left:0
}
/*会员列表*/
/*瀑布流*/
/*大层*/
.container{width:80%;margin: 0 auto;}
/*瀑布流层*/
.waterfall{
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari 和 Chrome */
    column-count:4;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    padding:0;
}
/*一个内容层*/
.waterfall .item{
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1em;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}
.waterfall .item img{
    width: 100%;
}
.waterfall{
    margin-top: 1em;
    z-index: 10;
    padding: 0;
}
/*每行三张*/
@media (min-width:800px) and (max-width:1200px) {
    .waterfall{
        -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari 和 Chrome */
        column-count:3;
        -moz-column-gap: 1em;
        -webkit-column-gap: 1em;
        column-gap: 1em;
    }
}
@media (max-width:800px) {
    .waterfall{
        -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari 和 Chrome */
        column-count:2;
        -moz-column-gap: 1em;
        -webkit-column-gap: 1em;
        column-gap: 1em;
    }
}
